import Vue from 'vue'
import Router from 'vue-router'
import Layout from '@/template/Layout'
import Team from '@/view/Team'
import Client from '@/view/Client'
import Supplier from '@/view/Supplier'
import Guest from '@/view/Guest'
import Category from '@/view/Category'
import Manager from '@/view/Manager'
import Role from '@/view/Role'
import Branch from '@/view/Branch'
import Guide from '@/view/Guide'
Vue.use(Router)
const Home = { template: '<p>home page</p>' }
const Main = { template: '<p>main page</p>' }
export default new Router({
  routes: [
    {
      path: '/',      
      component: Layout,
      children: [{
        path: '/',
        name: 'main',
        component: Main
      },
      {
        path: '/home',
        name: 'home',
        component: Home
      },
      {
        path: '/team',
        name: 'team',
        component: Team
      },
      {
        path: '/client',
        name: 'client',
        component: Client
      },
      {
        path: '/supplier',
        name: 'supplier',
        component: Supplier
      },
      {
        path: '/guest',
        name: 'guest',
        component: Guest
      },
      {
        path: '/category',
        name: 'category',
        component: Category
      },
      {
        path: '/manager',
        name: 'manager',
        component: Manager
      },
      {
        path: '/role',
        name: 'role',
        component: Role
      },
      {
        path: '/branch',
        name: 'branch',
        component: Branch
      },
      {
        path: '/guide',
        name: 'guide',
        component: Guide
      }]
    }   
  ]
})

